<!DOCTYPE html>
<html>
<head>
	<meta charset="UTF-8">
	<title>页签之图片 - jQuery EasyUI 演示</title>
	<meta name="viewport" content="initial-scale=1.0, maximum-scale=1.0, user-scalable=0">
	<link rel="stylesheet" type="text/css" href="../../themes/default/easyui.css">
	<link rel="stylesheet" type="text/css" href="../../themes/icon.css">
	<link rel="stylesheet" type="text/css" href="../demo.css">
	<script type="text/javascript" src="../../jquery.min.js"></script>
	<script type="text/javascript" src="../../jquery.easyui.min.js"></script>
</head>
<body>
	<h2 title="Tabs with Images">页签之图片</h2>
	<p title="The tab strip can display big images.">　　页签条带可显示较大的图片。</p>
	<div style="margin:20px 0;"></div>
	<div class="easyui-tabs" data-options="tabWidth:100,tabHeight:60" style="width:700px;height:250px">
		<div title="<span class='tt-inner'><img src='images/modem.png'/><br>调制解调器</span>" style="padding:10px">
			<p title="A modem (modulator-demodulator) is a device that modulates an analog carrier signal to encode digital information, and also demodulates such a carrier signal to decode the transmitted information.">　　猫（即调制解调器）是种将模拟载波信号调制成为编码数字信息的设备，也可将载波信号类解调以解码传播的信息。</p>
		</div>
		<div title="<span class='tt-inner'><img src='images/scanner.png'/><br>扫描仪</span>" style="padding:10px">
			<p title="In computing, an image scanner—often abbreviated to just scanner—is a device that optically scans images, printed text, handwriting, or an object, and converts it to a digital image.">　　在计算机领域，有一种图片扫描仪器（通常简称为扫描仪），它利用光学原理来扫描各种图片、文本打印件、手写件或其他物品，并将其转换为数字格式的图像。</p>
		</div>
		<div title="<span class='tt-inner'><img src='images/pda.png'/><br>个人数字助理</span>" style="padding:10px">
			<p title="A personal digital assistant (PDA), also known as a palmtop computer, or personal data assistant, is a mobile device that functions as a personal information manager. PDAs are largely considered obsolete with the widespread adoption of smartphones.">　　个人数字助理（PDA），俗称掌上电脑，是种具备个人信息管理功能的移动设备。近年来，PDA 已被广泛使用的智能手机所全面淘汰。</p>
		</div>
		<div title="<span class='tt-inner'><img src='images/tablet.png'/><br>平板电脑</span>" style="padding:10px">
			<p title="A tablet computer, or simply tablet, is a one-piece mobile computer. Devices typically have a touchscreen, with finger or stylus gestures replacing the conventional computer mouse.">　　平板电脑，简称平板，是种一体式计算设备。通常具备触摸屏，可用手指或触控笔的手势代替传统鼠标来操作。</p>
		</div>
	</div>
	<style scoped="scoped">
		.tt-inner{
			display:inline-block;
			line-height:12px;
			padding-top:5px;
		}
		.tt-inner img{
			border:0;
		}
	</style>
</body>
</html>